<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
</head>
<body>
    <h2>Home</h2>
    <hr>

    <!--    模板语言的注释  -->
    <h4>变量：</h4>
    <p>name: {{name}}</p>
    <p>age: {{age}}</p>
    <p>likes: {{likes}}</p>
    
    <hr>
    <h4>标签：</h4>
    <h5>if语句</h5>
    {% if age >= 18 %}
            <p>{{name}} 已经成年了。</p>
    {% else %}
            <p>{{name}} 还是小孩!!!</p>
    {% endif %}


    <h5>for 循环</h5>
    {% for like in likes %}
        {% if loop.first %}
                <p style="color: red">{{like}}</p>
        {% elif loop.last %}
                <p style="color: blue">{{like}}</p>
        {% else %}
                <p>{{like}}</p>
        {% endif %}
    
        index: {{loop.index}} <!-- 索引下标 从1 开始 -->
        index0: {{loop.index0}}  <!-- 索引下标  从0开始 -->
        revindex: {{loop.revindex}}   <!-- 索引下标 倒序 -->
    {% else %}
        <p>for 循坏的 else</p>
    {% endfor %}


</body>
</html>